<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>图片插入</title>
</head>
<body>
<!--相对路径:从当前html文件出发去找资源
    1)图片与html同一级目录,直接写图片全名 1.png
    2)图片在html下一级目录,先写文件夹,再写图片全名 img/2.png
    3)图片在html上一级目录,先../ 回到上级,再写图片全名  ../3.png
-->

    <img src="1.png">
    <img src="img/2.png">
    <img src="../3.png">
    <img src="abc" alt="哎呀,图片被偷走了">
<!--width设置图片宽度 height设置图片高度 注意图片失真问题:只设置一个 另一个随比例变化-->
    <img src="1.png" height="180px" title="这是一张照片">

<!--绝对路径:从根目录(盘符/协议)出发去找资源-->
    <img src="https://cdn.tmooc.cn/bsfile//courseImg///f93f25fba0a84f72be47f5058f84a655.png">

</body>
</html>